<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <!--<title>热映电影</title>-->
        <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='animation/css/style.css') }}">
    </head>
    <body>
        <div class="main_banner">
            <div class="main_banner_wrap">
                <canvas id="myCanvas"></canvas>
                <div class="main_banner_box" id="m_box">
                    <a href="javascript:void(0)" class="banner_btn js_pre">
                        <span class="banner_btn_arrow"><i></i></span>
                    </a>
                    <a href="javascript:void(0)" class="banner_btn btn_next js_next">
                        <span class="banner_btn_arrow"><i></i></span>
                    </a>
                    <ul>
                        <li id="imgCard0">
                            <a href=""><span style="opacity:0;"></span></a>
                            <img src="{{ url_for('static', filename='animation/main_banner/' + prev[0].logo ) }}" alt="">
                            <!--<p style="bottom:0">{{ prev[0].title }}</p>-->
                        </li>
                        <li id="imgCard1">
                            <a href=""><span style="opacity:0.4;"></span></a>
                            <img src="{{ url_for('static', filename='animation/main_banner/' + prev[1].logo) }}" alt="">
                            <!--<p>{{ prev[1].title }}</p>-->
                        </li>
                        <li id="imgCard2">
                            <a href=""><span style="opacity:0.4;" ></span></a>
                            <img src="{{ url_for('static', filename='animation/main_banner/' + prev[2].logo) }}" alt="">
                            <!--<p>{{ prev[2].title }}</p>-->
                        </li>
                        <li id="imgCard3">
                            <a href=""><span style="opacity:0.4;"></span></a>
                            <img src="{{ url_for('static', filename='animation/main_banner/' + prev[3].logo) }}" alt="">
                            <!--<p>{{ prev[3].title }}</p>-->
                        </li>
                        <li id="imgCard4">
                            <a href=""><span style="opacity:0.4;"></span></a>
                            <img src="{{ url_for('static', filename='animation/main_banner/' + prev[4].logo)}}" alt="">
                            <!--<p>{{ prev[4].title }}</p>-->
                        </li>
                    </ul>
                    <p id="rflt"></p>
                </div>
                <div class="btn_list">
                    <span class="curr"></span><!--<span></span><span></span><span></span><span></span>-->
                </div>
            </div>
        </div>

        <script type="text/javascript" src="{{ url_for('static', filename='animation/js/jquery.js') }}"></script>
        <script type="text/javascript" src="{{ url_for('static', filename='animation/js/script.js') }}"></script>
    </body>
</html>
